<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        元素类型(标签):
            inline
            block;
            inline-block;
            flex;
            inline-flex;
            table;
     -->
</body>
<script>
    // 数据类型   (js是一个编程语言  => 把所有的数据划分为7类 => 数据类型)

    // String        字符串  一段文本/一句话
    // Number        数字 (整数和小数   正数和负数 0)   
    // Boolean       布尔值 (true|false)
    // null          空
    // undefined     未定义

    // Array         数组(一组数)
    // Object        对象(对一个或一类事物特征和行为的描述)

    // 小技巧: 看颜色 分辨类型 (字符串 => 黑色 , 数字/布尔值 => 蓝色  null/undefined => 灰色)


    var str = "hello";
    console.log(str);

    var num = 100;
    var num = 100.5;
    console.log(num);

    var bool = true;
    console.log(bool);

    // var a = document.getElementById("box");
    var a = null;   // 在其他语言中,声明变量不赋值 => 一般要求赋空值(null)
    console.log(a);

    var b;
    console.log(b); // undefined  声明变量 不赋值(默认值  undefined)


    var arr = [1,2,3,4]; // 一组数,逗号分隔
    console.log(arr);

    var zhang = {     // (对一个或一类事物特征和行为的描述)
        name:"张三",  // 描述(属性名:属性值) 
        age:18,
        height:"173cm",
        weight:"65kg",
        sex:"男",
    }
    console.log(zhang);



</script>
</html>